<template>
	<view class="content">
		<view class="item f-c-b" v-for="(item,index) in dataList">
			<view class="item_left ">
				<text class="fw">{{item.type}}</text>
				<text class="f25">{{item.date}}</text>
			</view>
			<view class="item_right fw">
				<text v-if="item.type=='支出'">-{{item.money}}</text>
				<text style="color:#FF2929" v-else>+{{item.money}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList:[{
					type:'支出',
					date:"2021年7月9号 18：00",
					money:20
				},{
					type:'收入',
					date:"2021年7月9号 18：00",
					money:20
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.content{
	background-color: #F4F4F4;
	height: 100vh;
	padding-top: 3rpx;
}
.item{
	background-color: #FFFFFF;
	margin-bottom: 3rpx;
	padding: 20rpx;
}
.item_left{
	display: flex;
	flex-direction: column;
}
.item_left text:nth-child(2){
	color: #999999;
	margin-top: 5rpx;
}
</style>
